
      
        function paginarMensajes(paginaActual){
			
			//$("#blog").fadeOut("fast");
			var desde = (paginaActual-1)*10+1;
			 $.getJSON("consultasAjax.php?seccion=mensajesPrivados&carpeta=&desde="+desde+"&cantidad=10",
				function(data)
				{
					$("#mensajesTitulo").text(data.carpeta);
					$("#paginadorMensajes").pager({ pagenumber: paginaActual, pagecount: Math.ceil(data.cantidad/10), buttonClickCallback: paginarMensajes });
					
					$('.paginador-boton, ul#icons li').hover(
						function() { $(this).addClass('ui-state-hover'); }, 
						function() { $(this).removeClass('ui-state-hover'); }
					);
					
					$("#accordion").html("");
					$("#accordion").accordion('destroy');
					$.each(data.mensajes, function(i,mensaje){
						var titulo = $("<h3>");
						if(mensaje.leido == null)
							titulo.append("<a href='#'><input type='hidden' value='"+mensaje.id_conversacion+"'><span class='ui-state-highlight'>"+mensaje.emisor+" el dia "+mensaje.fecha+"</span></a>");
						else
							titulo.append("<a href='#'><input type='hidden' value='"+mensaje.id_conversacion+"'>"+mensaje.emisor+" el dia "+mensaje.fecha+"</a>");
							
						$("#accordion").append(titulo);
						$("#accordion").append("<div><p></p></div>");
					});
					$("#accordion").accordion({
						collapsible: true,
						active: false,
						autoHeight: false,
						clearStyle: true
					});

					$('.ui-accordion').bind('accordionchange', function(event, ui) {
						if(ui.newHeader.text().length > 0)
						{
							//Se abre un mensaje
							//Se quita el resaltado si es nuevo
							ui.newHeader.find("span").removeClass("ui-state-highlight");
							//Solo cargamos por ajax si no esta cargado ya
							if(ui.newContent.text().length == 0)
							{
								$.getJSON("consultasAjax.php?seccion=mensajesPrivados&idConversacion="+ui.newHeader.find("input").val()
								,
								function(data){
								  $.each(data, function(i,mensajePrivado){
											var tabla = $("<table>");
												tabla.attr("width","100%");
											var foto = $("<img>");
												foto.addClass("ui-state-default ui-corner-all");
											var fila = $("<tr>");
											var columnaFoto = $("<td>");
												columnaFoto.attr("width","50px");
											var divMensajeCabecera = $("<div>");
											var columnaInfo = $("<td>");
											var linkUsuario = $("<a>");
											var linkFoto = $("<a>");
											var mensaje = $("<div>");
										
											if( (i % 2) == 0 )
											{
												tabla.addClass("ui-state-default");
												tabla.addClass("ui-corner-all");
												divMensajeCabecera.attr("style","color:#000000");
												linkUsuario.attr("style","color:#000000");
											}
											
											
											//Foto
											foto.attr("border","0");
											foto.attr("src","imagenes/"+mensajePrivado.idFoto+"/"+mensajePrivado.nFoto+"/miniatura");
											foto.attr("title",mensajePrivado.emisor);
											foto.attr("alt",mensajePrivado.emisor);
											
											linkFoto.attr("rel","history");
											linkFoto.attr("href","#perfil&uuid="+mensajePrivado.id_emisor);
											linkFoto.append(foto);
											linkFoto.addClass("ui-helper-reset");
											
											//Nombre
											linkUsuario.attr("rel","history");
											linkUsuario.attr("href","#perfil&uuid="+mensajePrivado.id_emisor);
											linkUsuario.text(mensajePrivado.emisor);
											linkUsuario.addClass("ui-helper-reset");
											
										
											//Ultima actividad
											mensaje.html(parsearBBCODE(mensajePrivado.mensaje));
											columnaFoto.attr("valign","top");
											columnaInfo.attr("valign","top");
											//Empaquetamos todo
											columnaFoto.append(linkFoto);
											//columnaInfo.append(linkUsuario);
											divMensajeCabecera.append(linkUsuario);
											
											var elspan = $("<span>");
												elspan.html(" el dia <b>"+mensajePrivado.fecha+"</b>");
											divMensajeCabecera.append(elspan);
											columnaInfo.append(divMensajeCabecera);
											
											columnaInfo.append(mensaje);
											
											fila.append(columnaFoto);
											fila.append(columnaInfo);
											tabla.append(fila);
											ui.newContent.append(tabla);
											ui.newContent.append("<div><br></div>");
									
									});
									//Mostramos el tinymce
									ui.newContent.prepend('<div align="center">'+
														'<div id="mensajeResponder-'+ui.newHeader.find("input").val()+'"></div>'+
														'</div>'+
														'<p align="center" style="margin: 10px;">'+
														'<a href="javascript:void(0)" id="enviar-mensaje" class="dialog_link ui-state-default ui-corner-all"><span class="ui-icon ui-icon-comment"></span>Responder mensaje</a>'+
														'</p>');
									
									$('#mensajeResponder-'+ui.newHeader.find("input").val()).editor({height:80,width:600});
									
									$('#enviar-mensaje').click(function(){
										
										if($("#mensajeResponder-"+ui.newHeader.find("input").val()).find(".texto").html().length > 0)
										{
											$("#mensajeResponder-"+ui.newHeader.find("input").val()).editor({send: "consultasAjax.php?seccion=mensajesPrivados&enviarMensaje="+ui.newHeader.find("input").val(),
												callback: function(){
													mensajeSistema('Mensaje enviado satisfactoriamente'); 
													paginarMensajes(1);
												}
											});
										}
									});
									
											$('#enviar-mensaje, ul#icons li').hover(
												function() { $(this).addClass('ui-state-hover'); }, 
												function() { $(this).removeClass('ui-state-hover'); }
											);
											
									////////////////////
														
								});
								
							}
						}
					});
					
				});
		}
		
        $(document).ready(function() {
			
			
           $("#paginadorMensajes").pager({ pagenumber: 1, pagecount: 15, buttonClickCallback: paginarMensajes });
           paginarMensajes(1);
           
           
           
		
		//$("#accordion").accordion( 'activate' , 0 );

        });







